// 文本溢出
textOverflow(hr = 1) {
    display: inline-block;

    if (hr == 1) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } else {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: hr;
    }
}

// 弹性布局盒子
flexBox(justify = center, align = center, direction = row, flex-wrap = nowrap) {
    display: -webkit-flex;
    display: flex;

    if (justify != null) {
        justify-content: justify;
    }

    if (align != null) {
        align-items: align;
    }

    if (direction != null) {
        flex-direction: direction;
    }

    if (flex-wrap != null) {
        flex-wrap: flex-wrap;
    }
}

$color-bg = #2A3F54;
$color-danger = #f62d51;
$color-primary = #008ad3;
$color-success = #55ce63;
$color-info = #909399;
$color-warning = #e6a23c;

// 常用背景、底色色值-UI规范
$main-color = #FF3155; // 主色
$linear-color = #FF5B78; // 渐变色

$color-white = #FFFFFF; // 白色
$color-black = #000000; // 黑色
$color-red = #FF4400; // 红色
$color-red-orange = #F5222D //橘红色

// 公共样式
.bi-filter {
    background: #fff;
    flexBox(flex-start, center);
    .bi-li {
        margin-right: 20px;
        cursor: pointer;
        font-size: 14px;
        transition 0.3s
        &.active {
            color $main-color
        }
        &:hover {
            color $main-color
        }
    }
}
.filter-list {
    display flex
    .filter-item {
        margin-left 14px
        .filter-title {
            font-size 14px
        }
    }
}

.logistics-info {
    .el-form {
        .el-col:first-child {
            .el-form-item__content {
                margin-left: 0!important;
            }
        }
    }
}

.total-list {
    margin: 6px 0;
    flexBox(flex-start, flex-start);
    .total-item {
        border-radius: 8px;
        padding: 14px 25px;
        margin-right: 20px;
        border: 2px solid  #F5F6FD;
        box-shadow: inset 0 5px 20px #F5F6FD;
        flexBox(center, center, column);
        h3 {
            font-size: 16px;
            color: $main-color;
            margin-bottom: 10px;
        }
        p {
            color: #1E1E1E;
            font-size: 18px;
        }
    }
}
